<template>
    <div style="margin: 15px">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="直播间" name="1" :key="'1'">
                <BroadcastList  v-if="activeName == '1'"></BroadcastList>
            </el-tab-pane>
            <el-tab-pane label="已入库商品" name="2" :key="'2'">
                <HadStorage v-if="activeName == '2'"></HadStorage>
            </el-tab-pane>
            <el-tab-pane label="未入库商品" name="3" :key="'3'">
                <NoStorage v-if="activeName == '3'"></NoStorage>
            </el-tab-pane>
        </el-tabs>
  </div>
</template>

<script>
 import BroadcastList from "./info/broadcastList.vue";
 import HadStorage from './goods/storage/index.vue'
 import NoStorage from './goods/notStorage/index.vue'

export default {
    data() {
        return {
            activeName: '1'
        }
    },
    components: {
        BroadcastList,
        HadStorage,
        NoStorage,
    },
    methods: {
      handleClick(tab, event) {
        

      },

    }
}
</script>

<style lang="scss" scoped>

</style>